<!-- <!-- <template>
  <input :value="value" @input="handleInput" type="text"/>
</template>
<script>
export default {
  props: {
    value: {
      type: String,
      default: "",
    },
  },
  methods: {
      handleInput(event) {
          console.log("触发事件");
      this.$emit('input', event.target.value);
    },
    },
};
</script>
<style scoped>
</style> -->
<!-- <template>
  <div>
    <input :value="value" @input="handleInput" type="text">
  </div>
</template>

<script>
export default {
  props: {
    value:
    {
          type: String,
          default:""    
    }
  },
  methods: {
      handleInput(event) {
          console.log(event.target.value);
          this.$emit('Soninput', event.target.value);
    }
  }
};
</script>

<style scoped>
/* 子组件私有样式 */
</style> -->

<template>
    <div>
        <input :value="modelValue" @input="updateValue" type="text">
    </div>
</template>

<script>
export default {
    props: {
        modelValue: String
    },
    methods: {
        updateValue(e) {
            this.$emit('update:modelValue', e.target.value);
        }
    }
};
</script>

<style scoped>
/* 子组件私有样式 */
</style>